<template>
	<view class="content">
		<map style="width: 100%; height: 100vh;" :latitude="latitude" :longitude="longitude" :markers="covers"
			:show-location='true'>
		</map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'map',
				latitude: 22.767024,
				longitude: 108.374959,
				covers: [{
					id: 2,
					title: '五象航洋城', // String
					latitude: 22.767024,
					longitude: 108.374959,
					iconPath : '../../static/img/icon_map.png',
					width: 30,
					height: 30,
					callout: {
						color: '#333', // 文本颜色
						bgColor: '#fff', // 背景色
						display: "ALWAYS", // 'BYCLICK':点击显示; 'ALWAYS':常显
						fontSize: 15,
						padding: 10, // 文本边缘留白
						borderRadius: 5,
						content: '五象航洋城\n地址：五象大道与云英路交汇处',
					}
				}],
				location: {}
			}
		},
		onLoad() {},
		methods: {

		}
	}
</script>

<style lang="less">
	.content {
		width: 750rpx;
		height: 100vh;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

	}
</style>